{% extends "base.html" %}
{% load match %}

{% block additional_title %}
Početna
{% endblock %}
{% block additional_head %}
<link rel="stylesheet" type="text/css" href="media/js/jboesch-Gritter/css/jquery.gritter.css" /> 
<!-- <script type="text/javascript" src="media/js/jboesch-Gritter/js/jquery.gritter.min.js"></script> -->

<script type="text/javascript" src="media/js/TableSorter/jquery.tablesorter.min.js">
</script>
<script type="text/javascript" src="media/js/EasySlider/easySlider1.5.js">
</script>
<script type="text/javascript" id="js" language="javascript">
	$.fn.pause = function(duration){
        $(this).animate({
            dummy: 1
        }, duration);
        return this;
    };
    $(document).ready(function(){
        $("#mainTable").tablesorter();
        $("#slider").easySlider();
    });
	
    
</script>
{% endblock %}



{% block content %}
<div id="slider-container">
    <div id="slider">
        <ul>
            <li>
                <a href="#"><img src="media/images/sl-img-1.jpg" alt="Slider Image" width="910" height="240" /></a>
            </li>
            <li>
                <a href="#"><img src="media/images/sl-img-2.jpg" alt="Slider Image" width="910" height="240" /></a>
            </li>
            <li>
                <a href="#"><img src="media/images/sl-img-3.jpg" alt="Slider Image" width="910" height="240" /></a>
            </li>
            <li>
                <a href="#"><img src="media/images/sl-img-4.jpg" alt="Slider Image" width="910" height="240" /></a>
            </li>
        </ul>
    </div><!-- end slider -->
</div><!-- end slider-container -->

<div id="content-left">
	<h2>Najnovije vesti</h2>
	{% include "news/news_template.html" %}
	<a href="/mdcs/news/">Pogledajte sve vesti</a>
</div>
<!-- end content-left -->

<div class="clear">
</div>
<!-- end clear -->
{% endblock %}